<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      xmlns:xi="http://www.w3.org/2001/XInclude">
<xi:include href="master.html"/>
<head/>

<body>
<div id="PropertyBox">

  <py:for each="key, property in tg.props.items">
    <li>

    ${property.key} = ${property.value[:12]} <a id="edit_property_link"  href="#" onclick="toggle('edit_property${property.id}');$('#edit_property${property.id}').ScrollTo(800);"><img src="/static/images/edit.png" title="edit"/></a>
    <div id="edit_property${property.id}" style="display: none;">
      <form action="/property/save" >
        <fieldset>
          <legend>Edit</legend>
          <input type="hidden" id="id" name="id" value="${property.id}"/>
          <p>
            <label for="value">Value</label>
            <input type="text" id="value" name="value" value="${property.value}"/>
          </p>
          <input type="submit" value="save"/>
          <input type="submit" onclick="toggle('edit_property${property.id}'); $('#ViewPropertyBox').ScrollTo(800);" value="cancel"/>
        </fieldset>
      </form>
    </div>

    </li>
  </py:for>
</div>
</body>
</html>
